page {}

// 上边距
@for $i from 1 through 100 {
  .mt-#{$i} {
    margin-top: #{$i}rpx;
  }
}

// 左边距
@for $i from 1 through 100 {
  .ml-#{$i} {
    margin-left: #{$i}rpx;
  }
}

// 右边距
@for $i from 1 through 100 {
  .mr-#{$i} {
    margin-right: #{$i}rpx;
  }
}

// 字体大小
@for $i from 12 through 100 {
  .text-#{$i} {
    font-size: #{$i}rpx;
  }
}

.hidden {
	overflow: hidden;
}

.rounded-6 {
	border-radius: 6rpx;
}

.rounded-8 {
	border-radius: 8rpx;
}

.rounded-10 {
	border-radius: 10rpx;
}

.rounded-12 {
	border-radius: 12rpx;
}

.rounded-16 {
	border-radius: 16rpx;
}

.w-full {
	width: 100%;
}

.h-full {
	height: 100%;
}

.radius8 {
	border-radius: 8rpx;
}

.radius12 {
	border-radius: 12rpx;
}

.radius16 {
	border-radius: 16rpx;
}

.radius22 {
	border-radius: 22rpx;
}

.flex {
	display: flex;
}

.wrap {
	flex-wrap: wrap;
}

.align-item_baseline {
	align-items: baseline;
}

.align-item_center {
	align-items: center;
}

.align-content_center {
	align-content: center;
}

.align-content_end {
	align-content: end;
}

.justify-content_center {
	justify-content: center;
}

.justify-content_space-between {
	justify-content: space-between;
}

.justify-content_flex-end {
	justify-content: flex-end;
}

.relative {
	position: relative;
}

.absolute {
	position: absolute;
}

.fixed {
	position: fixed;
}

.sticky {
	position: sticky;
}

.block {
	display: block;
}

.flex-shrink0 {
	flex-shrink: 0;
}

.zi2 {
	z-index: 2;
}

.zi99 {
	z-index: 99;
}

.border-box {
	box-sizing: border-box;
}

.c_primary {
	color: #BA0C0C;
}

.c_181818 {
	color: #181818;
}

.c_151515{
	color: #151515;
}

.c_232323 {
	color: #232323;
}

.c_333333 {
	color: #333333;
}

.c_666666 {
	color: #666666;
}

.c_999999 {
	color: #999999;
}

.omit1 {
	text-overflow: ellipsis;
	overflow: hidden;
	word-break: break-all;
	white-space: nowrap;
}

.omitMore {
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: var(--n);
	-webkit-box-orient: vertical;
}

.top-0 {
	top: 0rpx;
}

.right-0 {
	right: 0rpx;
}

.bottom-0 {
	bottom: 0rpx;
}

.left-0 {
	left: 0rpx;
}

.text-white {
	color: #ffffff;
}

.text-center {
	text-align: center;
}

.text-right {
	text-align: right;
}

.text-justify {
	text-align: justify;
}

.text-indent-1 {
	text-indent: 1em;
}

.text-indent-2 {
	text-indent: 2em;
}

.text-indent-14 {
	text-indent: 14rpx;
}

.text-indent-24 {
	text-indent: 24rpx;
}

.leading-26 {
	line-height: 26rpx;
}

.leading-32 {
	line-height: 32rpx;
}

.leading-33 {
	line-height: 33rpx;
}

.leading-36 {
	line-height: 36rpx;
}

.leading-38 {
	line-height: 38rpx;
}

.leading-40 {
	line-height: 40rpx;
}

.leading-42 {
	line-height: 42rpx;
}

.leading-44 {
	line-height: 44rpx;
}

.leading-46 {
	line-height: 46rpx;
}

.leading-52 {
	line-height: 52rpx;
}

.leading-54 {
	line-height: 54rpx;
}

.normal {
	white-space: nowrap;
}

.font-thin {
	font-weight: 100;
}

.font-extralight {
	font-weight: 200;
}

.font-light {
	font-weight: 300;
}

.font-normal {
	font-weight: 400;
}

.font-medium {
	font-weight: 500;
}

.font-semibold {
	font-weight: 600;
}

.font-bold {
	font-weight: 700;
}

.ios_pb {
	padding-bottom: constant(safe-area-inset-bottom);
	padding-bottom: env(safe-area-inset-bottom);
}

.pd_0_30 {
	padding: 0 30rpx;
}

.pd_0_24 {
	padding: 0 24rpx;
}

.pd-24 {
	padding: 24rpx;
}

.mg_0_30 {
	margin: 0 30rpx;
}

.mg_0_auto {
	margin: 0 auto;
}

.inheritWh {
	width: inherit;
	height: inherit;
}

.bg-white {
	background-color: #ffffff;
}